<template>
  <h1>{{ pageTitle }}</h1>
  <h1>{{ count }}</h1>
  <input type="button" value="count up" @click="countUp">
</template>

<script lang="ts" setup>
import {ref} from 'vue'

const pageTitle = ref<string>('Hello, World!');
const count = ref<number>(0);

function countUp() {
  count.value++;
}

</script>

<style scoped>

</style>